<template>
	<view>
		<view v-if="index==0">
			<!-- 设计师免费入住 -->
			<view class="head">
				<view class="name">
					<text class="text">设计师    免费入住</text>
				</view>
				<view class="Introduction">
					<text>
						让每一个设计师都能成为一个品牌 我们期待您的加入
					</text>
				</view>
			</view>
			<!-- 设计师入住优势 -->
			<view class="box">
				<view class="title">
					<view>设计师入驻优势</view>
					<view class="border"></view>
				</view>
				<!-- 介绍 -->
				<view class="Advantage">
					<view class="list" v-for="(item,index) in data_design" :key='index'>
						<view class="sric"></view>
						<view class="text">
							<view class="name">{{item.name}}</view>
							<view class="jiesao">{{item.jiesao}}</view>
						</view>
					</view>
				</view>
				<view class="change_fn" @click="change_fn()">
					<text>我是企业商户，如何入驻</text>
					<text class="icon iconfont">&#xe6f2;</text>
				</view>
				<!-- 立即入住按钮 -->
				<view class="button" @click="design_goAuthen">
					<text class="ruzhu">立即入驻</text>
				</view>
			</view>
		</view>
			
			<!-- 实体门店入驻 -->
			<view v-if="index==1">
				<!-- 实体门店入驻 -->
				<view class="head">
					<view class="name">
						<text class="text">实体门店    免费入住</text>
					</view>
					<view class="Introduction">
						<text>线上线下经营双驱动   我们期待您的加入
						</text>
					</view>
				</view>
				<!-- 实体入驻 -->
				<view class="box">
					<view class="title">
						<view>实体门店入驻优势</view>
						<view class="border"></view>
					</view>
					<!-- 介绍 -->
					<view class="Advantage">
						<view class="list" v-for="(item,index) in entity_design" :key='index'>
							<view class="sric"></view>
							<view class="text">
								<view class="name">{{item.name}}</view>
								<view class="jiesao">{{item.jiesao}}</view>
							</view>
						</view>
					</view>
					<view class="change_fn" @click="change_fn1()">
						<text>我是独立设计师，如何入驻</text>
						<text class="icon iconfont">&#xe6f2;</text>
					</view>
					<!-- 实体立即入住按钮 -->
					<view class="button" @click="goPhysicalStore()">
						<text class="ruzhu">立即入驻</text>
					</view>
				</view>
			</view>
		
	</view>
</template>

<script>
	import {getCmsDesignerMessage} from '@/api/settlement.js'
	export default {
		data(){
			return{
				//设计师入住
				data_design:[
					{
						name:'零用金模式',
						jiesao:'平台不抽设计师佣金，免佣金入驻模式；'
					},
					{
						name:'回款速度',
						jiesao:'平台不抽设计师佣金，免佣金入驻模式；'
					},
					{
						name:'营销工具',
						jiesao:'平台不抽设计师佣金，免佣金入驻模式；'
					},
					{
						name:'顾客管理',
						jiesao:'一键分析顾客消费行为，让你轻松管理；'
					}
				],
				//实体入驻
				entity_design:[
					{
						name:'零用金模式',
						jiesao:'平台不抽设计师佣金，免佣金入驻模式；'
					},
					{
						name:'回款速度',
						jiesao:'服务完成立即结算，当天回款无帐期；'
					},
					{
						name:'营销工具',
						jiesao:'快速获取精准顾客流量，项目快速传播；'
					},
					{
						name:'高效管理',
						jiesao:'快速获取精准顾客流量，项目快速传播；'
					}
				],
				index:0
			}
		},
		methods:{
			//点击切换到实体
			change_fn(){
				this.index=1
			},
			//点击求换到设计师
			change_fn1(){
				this.index = 0
			},
			//去往设计师身份验证
			design_goAuthen(){
				getCmsDesignerMessage().then(res=>{
					if(res[1].data.data==1){
						uni.navigateTo({
							url:'./design_Authentication'
						})
					}
				})
				
			},
			goPhysicalStore(){
				uni.navigateTo({
					url:'/pagesA/physicalstore/physicalstore'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	//设计师免费入住
	.head{
		padding: 78rpx 24rpx;
		background: #00C6C2;
		border: 1rpx solid #FFFFFF;
		.name{			
			height: 40rpx;
			font-size: 42rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #FFFFFF;
			.text{
				
			}
		}
		.Introduction{		
			margin-top: 41rpx;
			height: 25rpx;
			font-size: 26rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #FFFFFF;
			text{
				opacity: 0.8;
			}
		}
	}
	//设计师入驻的优势
	.box{
		padding: 52rpx 25rpx;
		.title{	
			width: 100%;
			height: 32rpx;
			font-size: 34rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #282828;
			text-align: center;
			.border{
				margin: 14rpx auto;
				width: 36rpx;
				height: 5rpx;
				background: #00C6C2;
			}
		}
	}
	//介绍
	.Advantage{
		margin-top: 83rpx;
		.list{
			height: 100rpx;
			width: 100%;
			display: flex;
			margin-bottom: 68rpx;
			.sric{
				width: 100rpx;
				height: 100rpx;
				background: #ECECEC;
				border-radius: 50%;
			}
			.text{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				margin-left: 32rpx;
				
				.name{
					height: 30rpx;
					font-size: 32rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #282828;
				}
				.jiesao{				
					
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #8E8E8E;
				}
			}
			
		}
	}
	//方式改变
	.change_fn{		
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		text-align: center;
		height: 27rpx;
		line-height: 27rpx;
		font-size: 26rpx;
		font-family: PingFang;
		font-weight: bold;
		color: #00C6C2;
		.iconfont{
			// line-height: 27rpx;
			display: flex;
		}
	}
	//立即入驻
	.button{
		width: 100%;		
		height: 94rpx;
		background: #00C6C2;
		border-radius: 4rpx;
		text-align: center;
		line-height: 94rpx;
		margin-top: 78rpx;
		.ruzhu{			
			font-size: 36rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #FFFFFF;
		}
	}
</style>
